<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="12" style="padding: 10px 10px 10px 35px;">
        <div class="panel">
          <h2>行政区划管理</h2>
          <AreaTreeRender :use-locale="false" :root-code="rootCode" :max-level="5" :is-manage="isManage"></AreaTreeRender>
        </div>
      </el-col>
      <el-col :span="12" style="padding: 10px 35px 10px 10px;">
        <div class="panel">
          <h2>数据处理地管理</h2>
          <AreaTreeRender :use-locale="true" :root-code="rootCode" :max-level="5" :is-manage="isManage"></AreaTreeRender>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import AreaTreeRender from '@/views/system/area/components/AreaTreeRender';

export default {
  name: "AreaTree",
  components: {AreaTreeRender},
  data() {
    //完成用户管理地区后继续
    let curArea = this.$store.getters.areaInfo;

    return {
      curArea: curArea,
      rootCode: curArea.code,
      isManage: this.$auth.hasPermi("system:area:manage")
    };
  },
  methods: {}
}
</script>

<style scoped>

.panel {
  /*border: 1px solid #e29393;*/
  /*border-radius: 3px;*/
  /*transition: .2s;*/
}
</style>
